<!-- 页头模块 -->
<template>
  <div class="head-module">
    <div class="school-name"></div>
  </div>
</template>

<script>
import { reactive, toRefs, onMounted } from 'vue'

export default {
  setup() {
    const state = reactive({
      value: 'value'
    })

    onMounted(() => {

    })

    function functionName() {
      state.value = '123'
    }

    return {
      ...toRefs(state),
      functionName
    }
  }
}

</script>

<style lang='scss' scoped>
.head-module {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 95px;
  background: url(/images/head/qingtian.png) center center / 100% 100% no-repeat;
  z-index: 99;

  .school-name {
    width: 200px;
    height: 55px;
    margin: 10px 0 0 20px;
    background: url(/images/head/sqsfxh.png) center center / 100% 100% no-repeat;
  }
}
</style>
